<!DOCTYPE html>
<html class="fullscreen content-align-left">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="<wk:tplvar name='favico'/>" type="image/x-icon">
<link rel="apple-touch-icon" href="<wk:tplvar name='touchs'/>">
<link rel="apple-touch-icon" sizes="72x72" href="<wk:tplvar name='touchm'/>">
<link rel="apple-touch-icon" sizes="114x114" href="<wk:tplvar name='touchb'/>">
<title><wk:field name='typename'/>-<wk:tplvar name='wap_name'/></title>
<link rel="stylesheet" href="__THEME__/css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="__THEME__/css/responsive.css" type="text/css" media="all" />
<link rel="stylesheet" href="__THEME__/css/custom.css" type="text/css" media="all" />
<script type="text/javascript" src="__THEME__/js/jquery.min.js"></script>
</head>
<body class="default-type">
	<header class="menu-left main_header short_header">
        <div class="header_wrapper">
            <a href="javascript:void(0)" class="header_toggler"></a>
            <div class="logo_wrapper">
                <a href="__ROOT__" class="logo"><img src="<wk:tplvar name='logo'/>" alt="" class="logo_def"><img src="<wk:tplvar name='rlogo'/>" alt="" class="logo_retina"></a>
            </div>
	       <wk:include filename='header.htm'/>            
            <div class="footer">
                <section class="socials">
                    <ul class="socials_list">
                       
                    </ul>
                </section>
                <section class="copyright">
                    <wk:global name="cfg_powerby"/> 
                </section>
            </div>
            <div class="clear"></div>
        </div>
    </header>
    
    <div class="fs_fadder hided"></div>
	<div class="fs_sharing_wrapper hided">
		<div class="fs_sharing">	
            <a href="javascript:void(0)" class="share_facebook"><i class="stand_icon icon-facebook-sign"></i></a>
            <a href="javascript:void(0)" class="share_pinterest"><i class="stand_icon icon-pinterest"></i></a>                                                            
            <a href="javascript:void(0)" class="share_gplus"><i class="icon-google-plus-sign"></i></a>
            <a href="javascript:void(0)" class="share_tweet"><i class="stand_icon icon-twitter"></i></a>        
        </div>
    </div>
	<a class="fs_share_close hided" href="javascript:void(0)"></a>    
    <script>
		gallery_set = [		
            <wk:arclist paging='1' pagesize='20' mod="5" getall='1'>
            <?php 
                $id = $_field['id'];
                $sql = "SELECT * FROM `".C('DB_PREFIX')."addonslide` WHERE `id`='$id'";
                $query = mysql_query($sql);
                while($row=mysql_fetch_array($query)){
                $slideurl = $row[slideurl];
                $slideredirecturl = $row[redirecturl];
                $slidebody = $row[body];
            }
            ?>
            {image: "<?php echo $slideurl; ?>", thmb: "<?php echo $slideurl; ?>", alt: "<field name='title' function="cn_substr(@me,0,38,false)"/>", title: " ", description: " ", titleColor: "#ffffff", descriptionColor: "#ffffff"},
            </wk:arclist>
		]		
		jQuery(document).ready(function(){
			"use strict";
			jQuery('.main_header').removeClass('hided');
			jQuery('html').addClass('hasPag');
			jQuery('body').fs_gallery({
				fx: 'fade', /*fade, zoom, slide_left, slide_right, slide_top, slide_bottom*/
				fit: 'no_fit',
				slide_time: 3300, /*This time must be < then time in css*/
				autoplay: 1,
				slides: gallery_set
			});
			jQuery('.fs_share').click(function(){
				jQuery('.fs_fadder').removeClass('hided');
				jQuery('.fs_sharing_wrapper').removeClass('hided');
				jQuery('.fs_share_close').removeClass('hided');
			});
			jQuery('.fs_share_close').click(function(){
				jQuery('.fs_fadder').addClass('hided');
				jQuery('.fs_sharing_wrapper').addClass('hided');
				jQuery('.fs_share_close').addClass('hided');
			});
			jQuery('.fs_fadder').click(function(){
				jQuery('.fs_fadder').addClass('hided');
				jQuery('.fs_sharing_wrapper').addClass('hided');
				jQuery('.fs_share_close').addClass('hided');
			});
            jQuery('.fs_share').hide();
		});
	</script>
    <div class="fw_line loaded fs_gallery ">
    	<div class="fw_line_wrapper"></div>
    </div>
    <a href="javascript:void(0)" class="pagline_toggler "></a>
	<div class="custom_bg"></div>
	<script type="text/javascript" src="__THEME__/js/jquery-ui.min.js"></script>    
    <script type="text/javascript" src="__THEME__/js/modules.js"></script>
	<script type="text/javascript" src="__THEME__/js/theme.js"></script>
</body>
</html>